<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
  </head>
  <style>
    html, body, #app { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
    .nhtc-home { background-color: #303133; height: 100%; display: flex; flex-direction: column; }
    .nhtc-home__main { user-select: none; width: 100%; flex-grow: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; }
    .nhtc-home__footer { width: 100%; flex-grow: 0; text-align: center; padding: 1em 0; }
    .nhtc-home__footer > a { font-size: 12px; color: #ABABAB; text-decoration: none; }
    .nhtc-home__loading { height: 32px; width: 32px; margin-bottom: 20px; }
    .nhtc-home__title { color: #FFF; font-size: 14px; margin-bottom: 10px; }
    .nhtc-home__sub-title { color: #ABABAB; font-size: 12px; }
  </style>
  <body>
    <noscript>
      <strong>很抱歉，<%= htmlWebpackPlugin.options.title %> 没有启用JavaScript就不能正常工作。请开启。</strong>
    </noscript>
    <div id="app">
      <div class="nhtc-home">
        <div class="nhtc-home__main">
          <img class="nhtc-home__loading" src="<%= BASE_URL %>image/loading.svg" alt="">
          <div class="nhtc-home__title">
            正在加载资源
          </div>
          <div class="nhtc-home__sub-title">
            初次加载资源可能需要较多时间 请耐心等待
          </div>
        </div>
        <div class="nhtc-home__footer">
          <!-- <a href="https://www.careyshop.cn" target="_blank">www.careyshop.cn</a> -->
        </div>
      </div>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
